.Park_cockpit{
    .bj{
        width: 100%;
        background-image: url(../../static/images/Park_cockpit_bj.png);
        display: flex;
        font-size: 14px;
        padding: 0 24px;
    }
    // .bj>div:not(:nth-child(2)){
    //     // width: 60px;
    // }
    .bj>div:nth-child(1){
        background-image: url(../../static/images/Park_cockpit_bj2.png);
    
    }
    .bj>div:nth-child(3){
        background-image: url(../../static/images/Park_cockpit_bj2.png);
        transform: rotate(180deg);
    }
    
    .bj>div:nth-child(2){
        width: 100%;
        padding-top: 12px;
    }
    
    .nr{
        display: flex;
        justify-content: space-between;
    }
    .nr>div{
        width: 33%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .nr_1{
        background: rgba($color: #00134d, $alpha: 0.3);
        border: #0054a9 solid 1px;
        border-radius: 4px;
        margin-bottom: 12px;
        .shang{
            display: flex;
            justify-content: space-between;
            box-sizing: border-box;
            padding: 0,12px;
            align-items: center;
            box-sizing: border-box;
            padding-top: 12px;
            padding-left: 12px;
            padding-right: 12px;
            h3{
                color: #fff;
                margin-bottom: 0;
                font-size: 16px;
                font-weight: 500;
            }
            span{
                color: #027DB4;
                margin-left: 12px;
                font-size: 14px;
            }
            span:last-child{
                font-size: 18px;
            }
    
        }
        .shang>div{
            display: flex;
            align-items: center;
        }
        .shang>div>div{
            width: 4px;
            height: 20px;
            background-color: #027db4;
            margin-right: 12px;
        }
    }
    
    .xia>div:nth-child(1){
        color: #56D9FF;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .xia>div:nth-child(1)>p{
        font-size: 54px;
        margin-bottom: 0;
    }
    .xia>div:nth-child(1)>div{
        
        P{
            margin-bottom: 0;
        }
        p:nth-child(1){
            font-size: 24px;
            font-weight: 800;
        }
    }
    
    .xia>div:nth-child(2){
        color: #B9EEF8;
        box-sizing: border-box;
        padding: 0 36px;
        margin-top: 24px;
    
        .zhuzhuang{
            display: flex;
            justify-content: space-between;
            margin-bottom: 12px;
            span{
                font-size: 12px;
            }
        }
        .zhuzhuang>div{
            width: 60%;
            height: 20px;
            background-color: rgba($color: #fff, $alpha: 0.2);
            border-radius: 2px;
            div{
                width: 100%;
                height: 100%;
                background: linear-gradient(90deg, rgba(203, 0, 208, 1) 0%, rgba(203, 0, 208, 1) 0%, rgba(120, 5, 216, 1) 100%, rgba(120, 5, 216, 1) 100%);
            }
        }
        .zhuzhuang:nth-child(4)>div>div,
        .zhuzhuang:nth-child(5)>div>div{
            background: linear-gradient(90deg, rgba(204, 204, 153, 1) 0%, rgba(204, 204, 153, 1) 0%, rgba(255, 153, 0, 1) 100%, rgba(255, 153, 0, 1) 100%);
        }  
    }
    .xia1{
        background: rgba($color: #00134d, $alpha: 0.3);
        border: #0054a9 solid 1px;
        border-radius: 4px;
        color: rgba($color: #f2f2f2, $alpha: 0.3);
        text-align: center;
        height: 48px;
        p{
            margin-bottom: 0;
            line-height: 48px;
        }
    }
    
    .highcharts-background{
        fill:rgba($color: #fff, $alpha: 0)
    }
    // path{
    //     stroke:none;
    // }
    
    .highcharts-color-0{
        fill:#35844d;
    }
    .highcharts-color-1{
        fill:#7b0c4c;
    }
    .highcharts-color-2{
        fill:#1d8797;
    }
    
    // 图标2
    #highcharts-82frdx4-5{
        background: #fff;
    }
    .xia3{
        color:#fff
    }
    
    
    .xia2{
        display: flex;
    
    }
    .xia2>div{
        flex: 1;
    }
    .xia2>div:nth-child(2){
        display: flex;
        flex-direction: column;
        color: #fff;
        justify-content: space-around;
        box-sizing: border-box;
        padding: 24px 0;
    }
    .xia2>div:nth-child(2)>div{
        display: flex;
        align-items: center;
        color: #999;
        div{
            width: 24px;
            height: 24px;
            border: 4px solid #35844d;
            border-radius: 50%;
            margin-right: 12px;
        }
        span:nth-child(3){
            font-size: 18px;
            margin-left: 24px;
            font-weight: 700;
            color: #fff;
        }
    }
    
    .xia2>div:nth-child(2)>div:nth-child(2)>div{
        border: 4px solid #7b0c4c;
    
    }
    .xia2>div:nth-child(2)>div:nth-child(3)>div{
        border: 4px solid #1d8797;
    
    }
    
    .xia2>div:nth-child(1){
        position: relative;
        p{
            position: absolute;
            color: #999;
            top: 50%;
            left: 50%;
            margin-top: -50px;
            margin-left: -50px;
            width: 100px;
            height: 100px;
            border: 2px solid #999;
            border-radius: 50px;
            font-size: 18px;
            font-weight: 800;
            margin-bottom: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
    }
    .highcharts-l855wbl-0{
        width: 100% !important;
    }

    
    .nr>div:nth-child(2){
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        p{
            margin-bottom: 0;
        }
    
    }
    .nr>div:nth-child(2)>div:nth-child(1){
        box-sizing: border-box;
        padding: 46px 24px;
        p{
            color: #00a0b7;
        }
        p:nth-child(1){
            font-size: 24px;
            font-weight: 600;
        }
        p:nth-child(2){
            font-size: 54px;
            font-weight: 600;
            span{
                font-size: 24px;
                font-weight: 600;
                margin-left: 12px;
            }
        }
    }

    .qst{
    // 资金收入趋势图文字
        width: 200px;
        height: 50px;
        border-radius: 12px;
        border: 1px solid #0066ff;
        background-color: rgba($color: #132230, $alpha: 0.8);
        -webkit-box-shadow:0px 0px 10px 0px rgba(0, 102, 255, 1) inset;
        font-size: 16px;
        color: #0066ff;
        text-align: center;
        line-height: 50px;
        font-weight: 600;
        margin: 0 auto;
        margin-top: -25px;
    }
    .xia5{
        color: #fff;
    }
    .xia5>div:nth-child(1){
        border-bottom: 1px solid #0066ff;
        display:flex ;
        justify-content: space-between;
        box-sizing: border-box;
        padding: 12px 12px;
        padding-top: 24px;
        margin: 0 24px;
        color: #09f;
        font-weight: 600;
        font-size: 16px;
    }
    .xia5>ul:nth-child(2){
        height: 200px;
        overflow: hidden;
        li{
            transform: translateY(0px);
            display: flex;
            box-sizing: border-box;
            padding: 0px 24px;
            justify-content: space-between;
            margin-top: 12px;
        }
        li:hover{
            background-color: rgba($color: #000000, $alpha: 0.2);
            cursor: pointer;
        }
    }
    .xia6{
        box-sizing: border-box;
        padding: 0 12px;
        ul{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            // align-items: stretch;
            align-content: space-between;
            li{
                margin-top: 12px;
                width: 120px;
                height: 60px;
                background-color: rgba($color: red, $alpha: 0.2);
            }
            li:nth-child(1){
                background-image: url(../../static/images/jk_1.png);
            }
            li:nth-child(2){
                background-image: url(../../static/images/jk_2.png);
            }
            li:nth-child(3){
                background-image: url(../../static/images/jk_3.png);
            }
            li:nth-child(4){
                background-image: url(../../static/images/jk_4.png);
            }
            li:nth-child(5){
                background-image: url(../../static/images/jk_5.png);
            }
            li:nth-child(6){
                background-image: url(../../static/images/jk_6.png);
            }

        }    
    }

}
